@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --primary-100: #b3b8e7;
  --primary-200: #969bc9;
  --primary-300: #555b85;
  --accent-100: #4d4f7e;
  --accent-200: #dddbff;
  --text-100: #ffffff;
  --text-200: #e0e0e0;
  --bg-100: #6a76ab;
  --bg-200: #7d88bf;
  --bg-300: #9aa5dd;
}

* {
  padding: 0px;
  margin: 0px;
}

/* Firefox 滚动条样式修改 */
* {
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--primary-300)) transparent;
}

*::-webkit-scrollbar {
  width: 0px;
  width: 0px;
}
*::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent;
}

*::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

*::-webkit-scrollbar-track:active {
  background-color: transparent;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgb(var(--primary-300));
}

*::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--accent-200));
}

*::-webkit-scrollbar-thumb:active {
  background-color: rgb(var(--primary-300));
}

html,
body,
#root {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, var(--bg-100), var(--bg-200));
}
